<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jq/jquery1.9/jquery-1.9.0.js"></script>
    <script>
        $(function () {

            // //给加法按钮绑定
            // $("#jia").click(function(){
            //     var now=$("span").html()*1;
            //     now++;
            //     $("span").html(now);//重新赋值
            // });

            // //给减法按钮绑定
            // $("#jian").click(function(){
            //     var now=$("span").html()*1;
            //     if(now>0){
            //         now--;
            //         $("span").html(now);//重新赋值
            //     }else{
            //         alert("不能再减了啊");
            //     }

            // });

            $("input").click(function () {
                // var flag=this.value;
                var flag = $(this).val();
                var now = $("span").html() * 1;
                if (flag == "+") {
                    now++;
                    $("span").html(now);
                } else {
                    if (now > 0) {
                        now--;
                        $("span").html(now);
                    } else {
                        alert("别减了啊");
                    }
                }
            });



        });
    </script>
</head>

<body>
    <input type="button" value="-" id="jian">
    <span>0</span>
    <input type="button" value="+" id="jia">

</body>

</html>